<template>
    <div class="div">
        <Form :label-width="130" inline>
            <Form-item label="统计年月:">
                <DatePicker type="month" placeholder="请选择统计年月" style="width: 200px"
                            v-model="queryParam.monthTime" @on-change="changeMonth"  :editable="false"></DatePicker>
            </Form-item>
            <Form-item label="">
                <span style="float: right;margin-right: 8px">
                 <Button type="primary" style="" @click="search">查询</Button>
                 <Button type="primary" icon="ios-cloud-download-outline" @click="exportE"
                         style="margin-left: 8px">导出</Button>
<!--                    <Button type="primary" @click="confirm"-->
<!--                            style="margin-left: 8px" v-if="isConfirm">确认</Button>-->
            </span>
            </Form-item>
        </Form>
        <table class="table">
            <thead>
            <tr>
                <th rowspan="2" style="width: 40px">地区</th>
                <th colspan="3">当月新审批</th>
                <th colspan="3">当月外区迁入</th>
                <th colspan="3">当月停保</th>
                <th colspan="3">当月迁往外区　</th>
                <th colspan="2">低保对象补差调增情况</th>
                <th colspan="2">低保对象补差调减情况</th>
                <th rowspan="2">当期新增保障金额</th>
                <th rowspan="2">当期停保保障金额</th>
            </tr>
            <tr>
                <th>当月新增户数</th>
                <th>人数</th>
                <th>新增金额</th>
                <th>户数</th>
                <th>人数</th>
                <th>新增金额</th>
                <th>当月退出户数</th>
                <th>人数</th>
                <th>停保金额</th>
                <th>户数</th>
                <th>人数</th>
                <th>停保金额</th>
                <th>当月补差调增人数</th>
                <th>当月补差调增金额</th>
                <th>当月补差调减人数</th>
                <th>当月补差调减金额</th>
            </tr>
            <tr>
                <th>栏次</th>
                <th v-for="i in 18" :key="i"> {{i}}</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="i in result" :key="i.code">
                <td>{{i.name}}</td>
                <td>{{i.text1}}</td>
                <td>{{i.text2}}</td>
                <td>{{i.text3}}</td>
                <td>{{i.text4}}</td>
                <td>{{i.text5}}</td>
                <td>{{i.text6}}</td>
                <td>{{i.text7}}</td>
                <td>{{i.text8}}</td>
                <td>{{i.text9}}</td>
                <td>{{i.text10}}</td>
                <td>{{i.text11}}</td>
                <td>{{i.text12}}</td>
                <td>{{i.text13}}</td>
                <td>{{i.text14}}</td>
                <td>{{i.text15}}</td>
                <td>{{i.text16}}</td>
                <td>{{i.text17}}</td>
                <td>{{i.text18}}</td>

            </tr>
            </tbody>
        </table>

    </div>
</template>

<script>
    import {CommonMixin} from '@/views/common/js/CommonMixin'
    import {getAction, postAction} from '@/api/request'
    import {report} from "./report";


    export default {
        name: "report1",
        mixins: [CommonMixin, report],
        data() {
            return {
                queryParam: {
                    monthTime: "",
                    type: "4",
                },
                exportFileName: "城市低保对象动态管理情况统计表",
            }
        },
        methods: {},
        created() {
            this.statisticalReport();
        }
    }
</script>

<style scoped src="./report.css">

</style>
